@tailwind base;
@tailwind components;
@tailwind utilities;

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* 移除 Firefox 的焦点轮廓 */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

/* 确保边框宽度保持一致 */
select:focus {
  outline: none;
  border-width: 1px !important;
}

select {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6) !important;
}


@media (max-width: 1280px) {
  .fs-16 {
    font-size: 16px !important;
  }
  .fs-18 {
    font-size: 18px !important;
  }
  .fs-24 {
    font-size: 24px !important;
  }
  .fs-32 {
    font-size: 32px !important  ;
  }
}

/* 2K resolution (up to 1920px) */
@media (max-width: 1920px) {
  .fs-16 {
    font-size: 18px !important;
  }
  .fs-18 {
    font-size: 20px !important  ;
  }
  .fs-24 {
    font-size: 26px !important  ;
  }
  .fs-32 {
    font-size: 34px !important    ;
  }
}

/* 3K resolution (up to 2560px) */
@media (max-width: 2560px) {
  .fs-16 {
    font-size: 20px !important;
  }
  .fs-18 {
    font-size: 22px !important  ;
  }
  .fs-24 {
    font-size: 28px !important  ;
  }
  .fs-32 {
    font-size: 36px !important  ;
  }
}

/* 4K resolution (up to 3840px) */
@media (max-width: 3840px) {
  .fs-16 {
    font-size: 22px !important;
  }
  .fs-18 {
    font-size: 24px !important  ;
  }
  .fs-24 {
    font-size: 30px !important    ;
  }
  .fs-32 {
    font-size: 38px !important    ;
  }
}